      <!--  <nav class="navbar navbar-default navbar-fixed-bottom">
          <div class="container-fluid">
            <div class="navbar-header">
              <a class="navbar-brand" href="http://glyphicons.com/">
                <span class="glyphicon glyphicon-tag" aria-hidden="true"></span>icons thanks by glyphicons
              </a>
            </div>
          </div>
        </nav>-->
      <div id="logs_content_wrapper" class="logs stickOpen" >
        <div style="display: inline;color: #FFF;width: 100%;">
          <button type="button" class="btn btn-link" disabled="disabled">
            <span class="glyphicon glyphicon-comment"></span>
            <span>Comments</span>
          </button>
          <button type="button" id="hideComments" class="btn btn-link" style="float:right;">
            <span class="glyphicon glyphicon-resize-small"></span>
          </button>
          <button type="button" id="showComments" class="btn btn-link" style="float:right; display:none;">
            <span class="glyphicon glyphicon-resize-full"></span>
          </button>
        </div>
          <div class="commentContent" style="width: 100%;height: 75%;overflow-y: auto;">
          <?php
            $cant = 0;
            if(isset($_GET['idOrden'])){
              $results = selectLogsByIdDesc($idOrden);
              $cant = count($results);
              echo '<div class="panel panel-default" style="">';
              for ($i = 0; $i < $cant; $i++) {
                  echo '<div>';
                  echo '<div class="bubble" style="background-color: '.$results[$i]['color'].';">';
                  echo $results[$i]['modificationUser'].'<br/>'.$results[$i]['comment'];
                  echo '<div style="color: #003466;font-size: x-small;text-align: right;">'.$results[$i]['modificationDate'].'</div>';
                  echo '</div>';
                  echo '</div>';
              }
            }
            echo '</div>';
            echo '<input type="text" name="cantComent" id="cantComent" value="'.$cant.'" style="display:none"/>';
         ?>
        </div>

        <div id="backgroundComment" class="stickBackground">
        </div>
        <div class="newComment">
          <input type="text" name="newComment" id="newCommentContent" style="width: 80%;"/>
          <button type="button" id="newCommentAdd" class="btn btn-link" style="float:right;color:#323232;">
            <span class="glyphicon glyphicon-log-in"></span>
          </button
        </div>
      </div>
      <script type="text/javascript">

        if($('#cantComent').val()===undefined || $('#cantComent').val()==='0'){
          $('#logs_content_wrapper').hide();
          $('.newComment').hide();
          $('#backgroundComment').hide();
        }
        $('#hideComments').click(function(){
          $('.commentContent').hide();
          $('#hideComments').hide();
          $('#backgroundComment').hide();
          $('#showComments').show();
          $('#logs_content_wrapper').removeClass('stickOpen');
          $('#logs_content_wrapper').addClass('stickClose');
          $('.newComment').hide();
        });
        $('#showComments').click(function(){
          $('.commentContent').show();
          $('#hideComments').show();
          $('#showComments').hide();
          $('#backgroundComment').show();
          $('#logs_content_wrapper').addClass('stickOpen');
          $('#logs_content_wrapper').removeClass('stickClose');
          $('.newComment').show();
        });
        $('#newCommentContent').keypress(function(e){
          if(e.keyCode==13 && $('#newCommentContent').val().length>0){
            e.preventDefault();
            console.log('envia: '+$('#newCommentContent').val());
            console.log('idOrden: '+$('#idOrden').val());
            console.log('step: '+$('#state').val());
            ajaxPost_Sinc("../Controller/StepLogController.php",
                    "data="+$('#idOrden').val()+','+$('#state').val()+','+$('#newCommentContent').val(),
                    "text", "#");
            location.href = "OrdenCompraDet.php?idOrden="+$('#idOrden').val()+"&s="+$('#state').val();
          }
        });
        $('#newCommentAdd').click(function() {
            if($('#newCommentContent').val().length>0){
                ajaxPost_Sinc("../Controller/StepLogController.php",
                    "data="+$('#idOrden').val()+','+$('#state').val()+','+$('#newCommentContent').val(),
                    "text", "#");
                location.href = "OrdenCompraDet.php?idOrden="+$('#idOrden').val()+"&s="+$('#state').val();
            }
        });
      </script>
    </body>
</html>
